/* Resets */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0;
border: 0;}
article, aside, canvas, figure, figure img, figcaption, hgroup,footer, header, nav, section, audio, video {display: block;}
a img {border: 0;}

/* Typography presets */
.gigantic {font-size: 110px;line-height: 120px;letter-spacing: -2px;}
.huge, h1 {font-size: 68px;line-height: 72px;letter-spacing: -1px;}
.large, h2 {font-size: 42px;line-height: 48px;}
.bigger, h3 {font-size: 26px;line-height: 36px;}
.big, h4 {font-size: 22px;line-height: 30px;}
body {font: 16px/24px Verdana, Geneva, sans-serif;}
.small, small {font-size: 13px;line-height: 18px;}

/* Selection colours (easy to forget) */
::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}

/*
	Default Layout: 992px. 
	Gutters: 24px.
	Outer margins: 48px.
	Leftover space for scrollbars @1024px: 32px.
	-------------------------------------------------------------------------------
	cols    1     2      3      4      5      6      7      8      9      10
	px      68    160    252    344    436    528    620    712    804    896 
*/
body {padding: 72px 0 84px;background: rgb(255,255,255);color: rgb(60,60,60);-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */}

/* Shinrun presets */
a{color: rgb(0, 90, 180); text-decoration: none;}
abbr {letter-spacing: 1px;}
.clear{clear:both;}
#top, #container, #bottom{margin: 0 auto;width: 896px; padding-left:48px; padding-right:48px; position: relative; clear:both;}
#container {margin-bottom:16px;}
#top nav {position: absolute;right: 50px; top: 24px;}
#top li{float: left; list-style: none; margin-left: 12px;}
#top a {display: block; padding: 11px 15px; border: 1px solid rgb(195,195,195); color: rgb(0, 90, 180); -webkit-tap-highlight-color: rgba(0,0,0, 0); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.05); -moz-box-shadow: inset 0 0 5px rgba(0,0,0, 0.05); box-shadow: inset 0 0 5px rgba(0,0,0, 0.05); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.123s ease-out; -moz-transition: all 0.123s ease-out;   transition: all 0.123s ease-out;}
#top a:hover, #top a:active { border-color: rgb(158,158,158); -webkit-box-shadow: inset 0 0 8px rgba(0,0,0, 0.38); -moz-box-shadow: inset 0 0 8px rgba(0,0,0, 0.38); box-shadow: inset 0 0 8px rgba(0,0,0, 0.38);}
#top a:active {background: rgb(0, 90, 180); border-color: rgb(0, 30, 60); color: rgb(230,240,250); text-shadow: 0 -1px 0 rgba(0,0,0, 0.9); -webkit-box-shadow: inset 0 0 12px rgba(0,0,0, 0.765); -moz-box-shadow: inset 0 0 12px rgba(0,0,0, 0.765); box-shadow: inset 0 0 12px rgba(0,0,0, 0.765);}
hr {border: none;border-top: 1px solid rgb(195,195,195);clear: both; margin-top:16px; margin-bottom:16px;}
#top p {color:rgb(150, 150, 150);}
.time{font-size: 12px;color:rgb(150, 150, 150); line-height: 12px; padding-left: 12px;}
#category {position: absolute; right: 48px; top:-16px; font-size:12px;}
#category_tip {color:rgb(180, 180, 180);}
#category li {float: left; list-style: none; margin-right: 12px;}
#category a:hover, .category_selected a {color: rgb(180, 90, 0);}
#container h3 {margin-top:24px; margin-bottom:16px;}
#container p {margin-bottom:12px;}
#pager {font-size:12px;}
.pager_line {margin-bottom:8px; border: 1px dashed rgb(200, 200, 200);}
.pager_disable {color:rgb(200, 200, 200);}
#bottom p{color:rgb(180, 180, 180); margin-bottom:16px;}
.font_italic {font-style:italic;}
/*
	Tablet Layout: 768px.
	Gutters: 24px.
	Outer margins: 28px.
	Inherits styles from: Default Layout.
	-----------------------------------------------------------------
	cols    1     2      3      4      5      6      7      8
	px      68    160    252    344    436    528    620    712 
*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	body {width: 712px;padding: 48px 28px 60px;}
}

/*
	Mobile Layout: 320px.
	Gutters: 24px.
	Outer margins: 34px.
	Inherits styles from: Default Layout.
	---------------------------------------------
	cols    1     2      3
	px      68    160    252 
*/
@media only screen and (max-width: 767px) {
	body {width: 252px;padding: 48px 34px 60px;}
}

/*
	Wide Mobile Layout: 480px.
	Gutters: 24px.
	Outer margins: 22px.
	Inherits styles from: Default Layout, Mobile Layout.
	------------------------------------------------------------
	cols    1     2      3      4      5
	px      68    160    252    344    436 
*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body {width: 436px;padding: 36px 22px 48px;}
}

/*
	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
	----------------------------------------------- 
*/
@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	body {}
}